<%--
  Created by IntelliJ IDEA.
  User: hcc
  Date: 2019/8/19
  Time: 9:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="${pageContext.request.contextPath}/">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>贵美商城首页</title>

    <!-- Bootstrap -->
    <link href="css/bootstrapcss/bootstrap.css" rel="stylesheet">
    <link href="css/front/header.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="css/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <style>
        .row{
            padding: 0px;
        }
        .little-tool{
            width: 100%;
            height: 180px;
            border: 1px solid #cccccc;
            border-radius: 3px;
        }
        .tool-heading a{
            padding-bottom: 6px;
        }
        .tool-heading a:hover{
            color: #ff9000;
            border-bottom: 2px solid #ff9000;
        }
        .tool-body{
            margin-top: 10px;
        }
        .tool-body input{

        }
        #chargePhone input,#chargePhone select{
            margin-top: 10px;
            width: 120px;
        }
        .tool-footer button{
            margin-top: 15px;
            border-radius: 3px;
            border: 1px solid #bbbbbb;
            background-color: #FF9000;
        }
        #ticket input:nth-child(3),#ticket input:nth-child(4),#ticket input:nth-child(5){
            margin-top: 10px;
            width: 100px;
            height: 20px;
        }
        #new-prod img{
            /*border: 1px solid #bbbbbb;*/
            /*border-radius: 2px;*/
        }
        #ad a{
            font-size: 12px;
            margin-top: 2px;
        }
        .panic-buying{
            height: 200px;
            margin-top: 10px;
        }
        .panic-buying:hover{
            border: 1px solid #cccccc;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="clearfix">
            <div class="col-md-10 col-md-offset-1">

                <jsp:include page="header.jsp"/>

                <div class="row">

                    <div class="col-md-12 column" style="height: 300px; padding-left: 140px">

                        <ul class="list-unstyled list-inline" style="margin-top: 100px">
                            <li style="float: left">
                                <span style="font-size: 80px; color: #40bb39;" class="glyphicon glyphicon-ok-sign"></span>
                            </li>
                            <li style="float: left;height: 80px; text-align: center;">
                                <span style="font-size: 30px;line-height: 80px; padding-bottom: 45px">您的订单已支付成功，我们会尽快安排发货</span>
                            </li>
                        </ul>

                    </div>

                </div>
            </div>
            <jsp:include page="footer.jsp"/>
        </div>
    </div>
</div>





<!-- jQuery -->
<script src="js/jquery-2.2.4.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.js"></script>
<script>
    //图片自动3秒轮播
    $(function () {
        //$('#header').load('herder.html');
        $('#myCarousel').carousel({interval:3000});
    });
</script>
</body>
</html>
